<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <?php include_http_metas() ?>
        <?php include_metas() ?>
        <?php include_title() ?>
        <link rel="shortcut icon" href="/favicon.ico" />
        <?php include_stylesheets() ?>
        <?php include_javascripts() ?>
    </head>
    <body>
       <div class="rightButtons">
            <div class="rightbtn" data-action="nowosci" data-toggle="popover" data-placement="left" data-content="Nowości">
                <span class="glyphicon glyphicon-star"></span>
            </div>
            

            <div class="rightbtn" data-action="promocje"  data-toggle="popover" data-placement="left" data-content="Promocje">
                <span class="glyphicon glyphicon-usd"></span>
            </div>
            

            <div class="rightbtn btn3" data-action="wyprzedaze"  data-toggle="popover" data-placement="left" data-content="Wyprzedaże">
                <span class="glyphicon glyphicon-tags"></span>
            </div>
        </div>

        <div class="leftButtons">
            <a href="<?php echo url_for("@bucket"); ?>"><div class="rightbtn" data-action="bucket" data-toggle="popover" data-placement="left" data-content="Koszyk">
                <span class="glyphicon glyphicon-shopping-cart"></span>
                </div></a>
          

            <div class="rightbtn" data-action="rules" data-toggle="popover" data-placement="left" data-content="Regulamin">
                <span class="glyphicon glyphicon-list-alt"></span>
            </div>
           

            <div class="rightbtn btn6" data-action="contact" data-toggle="popover" data-placement="left" data-content="Kontakt">
                <span class="glyphicon glyphicon-earphone"></span>
            </div>
        </div>
        <div class="promoBg"></div>
        <div class="promoContent">
            <div class="removeButton">
                <a href="#" id="closePromoContent">
                    <span class="glyphicon glyphicon-remove"></span>
                </a>
            </div>
            <div class="promoContainer">
                
            </div>
        </div>

        <div class="mainContainer">
            <div class="container">
                <div class="topBar">
                    <div class="logoBox">logo
                    </div>  

                    <div id="iconContainer">
                        <?php if (Authorization::getInstance()->isExists()): ?>
                            <a href="#" id="logout"><div class="iconBox">
                                    <span class="glyphicon glyphicon-log-in"></span>    
                                    Wyloguj
                                </div></a>
                            <a href="<?php echo url_for('@registerAccount'); ?>"><div class="iconBox">
                                    <span class="glyphicon glyphicon-pencil"></span>    
                                    Zarzadzaj
                                </div></a>
                        <?php else: ?>
                            <a href="<?php echo url_for('@login'); ?>"><div class="iconBox">
                                    <span class="glyphicon glyphicon-log-in"></span>    
                                    Zaloguj
                                </div></a>
                            <a href="<?php echo url_for('@registerAccount'); ?>"><div class="iconBox">
                                    <span class="glyphicon glyphicon-pencil"></span>    
                                    Rejestracja
                                </div></a>
                        <?php endif; ?>
                    </div>

                </div>
            </div>
        </div>
        <div class="underButton">
            <div class="container">
                <div class="button spaceButton">

                </div>
                <a href="<?php echo url_for("@products?type=buty"); ?>">
                    <div class="button">
                        Buty
                    </div>
                </a>
                <a href="<?php echo url_for("@products?type=odziez"); ?>">
                    <div class="button">
                        Odzież
                    </div>
                </a>
                <a href="<?php echo url_for("@products?type=bielizna"); ?>">
                    <div class="button">
                        Bielizna
                    </div>
                </a>
            </div>
        </div> 
        <div class="zoneBox">
            <span style=" padding-left: 2px" class="glyphicon glyphicon-star-empty"></span>   
            STREFA: <select id="strefaSelect" name="strefa" style="margin-top: 3.5px; color: black; width: 53%; float: right"> 
                <option> Męska </option>
                <option> Damska </option>
                <option> Dziecięca </option>
            </select>
        </div>
        <div class="container">
            <?php echo $sf_content ?>
        </div>       
    <div class="footer">

            <div class="col-xs-3 borderRight">
                <div class="footerSearch">
                    <span class="glyphicon glyphicon-search"></span>
                    Wyszukiwarka
                    <input class="form-control marginBtn" placeholder="Szukaj...">
                        <button type="submit" class="btn btn-default marginBtn">Szukaj</button>
                </div>
            </div>
            <div class="col-xs-4 borderRight">
                <div class="contactDescription">
                    <span class="glyphicon glyphicon-phone"></span>
                    0 700 880 888 <br>  
                        <span class="glyphicon glyphicon-envelope"></span>
                        szop@gmail.com
                </div>
            </div>
            <div class="col-xs-2">
                <div class="socialBox marginBtn">
                    Śledź nas <br>
                        <button type="button" class="btn btn-primary btn-block marginBtn">Facebook</button>
                        <button type="button" class="btn btn-info btn-block marginBtn">Twitter</button>
                </div>
            </div>
            <div class="col-xs-3 borderLeft">
                <div class="newsletterBox marginBtn10">
                    <span class="glyphicon glyphicon-plus-sign"></span>
                    Newsletter
                    <input id="newsletterEmail" class="form-control marginBtn" placeholder="Enter email">
                        <button id="newsletterButton" type="submit" class="btn btn-default marginBtn">Wyślij</button>
                </div>
            </div>
        </div>
        
    </body>

</html>
